@media (max-width: 1700px) {
    :root {
        --font65: 4vw;
    }
    /* .heroBanner {
        height: 75vh;
    } */
    
}

@media (max-width: 1199px) {
    :root {
        --font65: 6vw;
    }

    .container {
        max-width: 90%;
        margin: 0 auto;
    }

    .cat-container {
        grid-template-columns: repeat(3, 1fr);
    }

    
}

@media (max-width: 991px) {

    
    .contact-heroBanner .container h1 {
        font-size: 6vw;
    }

    .about-content {
        width: 100%;
    }

    .about-content p {
        font-size: 2rem;
    }

    .logo {
        width: 18%;
    }
    
    .copyright {
        text-align: center;
    }

    .waBanner {
        padding: 35px 25px;
    }


    .waBanner .banner-txt p {
        font-size: 1.5rem;
    }

    .waBanner .banner-txt a {
        font-size: 1rem;
        padding: 10px 18px;
    }

    .banner-img {
        width: 180px;
        right: 25px;
    }


}

@media (max-width: 767px) {
    /* .project-item:first-child {
        margin-top: 40px; 
    } */

    .gallery-images:first-child {
        margin-bottom: 40px;
    }

    .logo {
        width: 28%;
    }

    .phone-icon img {
        width: 25px;
        display: block;
    }

    .phone-number {
        display: none;
    }
    .star-img {
        display: none;
    }
    .contact-heroBanner .container h1 {
        font-size: 7vw;
        width: 100%;
    }

    .banner-txt {
        width: 100%;
        text-align: center;
    }

    .cat-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner-img {
        position: relative;
        max-width: 180px;
        top: 0;
        transform: translateY(0);
        right: 0;
        left: 0;
        margin: 40px auto 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
}

/* .waBanner .banner-txt a:first-child {
    margin-bottom: 30px;
} */


.waBanner .banner-txt a {
    margin:  0 auto;
}

.wa-link {
    display: block;
}

.waBanner .banner-txt a br {
    display: none;
}

.tab-banner {
    display: block;
}

.desktop-banner, .phone-banner {
    display: none;
}

}

@media (max-width: 680px) {


    .about-content p {
        font-size: 1.8rem;
    }

    .about-content p {
        font-size: 1.5rem;
    }

    .gallery-block .sec-heading h2 {
        font-size: 2.5rem;
    }
    .contact-heroBanner {
        height: 310px;
    }

    .waBanner .banner-txt p {
        font-size: 1.4rem;
    }

    .waBanner .banner-txt a {
        font-size: 1rem;
        padding: 10px 18px;
    }

    .highlight-block {
        max-width: 75%;
    }

}


@media (max-width: 575px) {

    .nav-link ul li a {
        font-size: 1rem;
    }

    .phone-icon img {
        width: 20px;
    }

    .heroBanner .container {
        padding-bottom: 0;
    }

    .contact-heroBanner .container h1 {
        font-size: 9vw;
        width: 100%;
    }

    .phone-banner {
        display: block;
    }
    
    .desktop-banner, .tab-banner {
        display: none;
    }
    
    

}



@media (max-width: 480px) {
    .map-block iframe {
        aspect-ratio: 1 / 1;
        height: 100%;
    }

    .waBanner {
        padding: 40px 35px;
    }

    .waBanner .banner-txt a {
        padding: 10px 0;
        width: 100%;
    }

    .cat-container {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .cat-col h4 {
        font-size: 0.8rem;
    }
    
    
}
@media (max-width: 380px) {

    .waBanner {
        padding: 30px;
    }

    .waBanner .banner-txt p {
        font-size: 1.2rem;
    }

    .waBanner .banner-txt a {
        font-size: 0.8rem;
    }
}